﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>电商后台系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link href="~/css/x-admin.css" rel="stylesheet" />
</head>
<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header header header-demo">
            <div class="layui-main">
                <div class="admin-logo-box">
                    <a class="logo" href="http://www.sucaihuo.com" title="logo">电商后台系统</a>
                    <div class="larry-side-menu">
                        <i class="fa fa-th-large" aria-hidden="true"></i>
                    </div>
                </div>
                <ul class="layui-nav" lay-filter="side">
                    @*标签与选项卡的模式来进行展示*@
                    <li class="layui-nav-item"><img src="/images/logo.png" class="layui-circle" style="border: 2px solid #A9B7B7;" width="35px" alt=""></li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">@this.User.Identity.Name</a>
                        <dl class="layui-nav-child">
                            <!-- 二级菜单 -->
                            @*<dd><a href="javascript:;" _href="/Home/Self"><cite>个人信息</cite></dd>*@
                            <dd><a href="javascript:;" _href="/Home/ChangePwd"><cite>修改密码</cite></a></dd>
                            <dd><a href="/Home/SignOut"><cite>切换账号</cite></a></dd>@*直接退出成页面形式而不是选项卡模式*@
                        </dl>
                    </li>


                </ul>
            </div>
        </div>
        <div class="layui-side layui-bg-black x-side" style="left:-200px;">
            <div class="layui-side-scroll">
                <ul class="layui-nav layui-nav-tree site-demo-nav" lay-filter="side" id="ModuleList">
                    @*<li class="layui-nav-item">
                        <a class="javascript:;" href="javascript:;"> <i class="layui-icon" style="top: 3px;">&#xe612;</i><cite>客户管理</cite> </a>
                        <dl class="layui-nav-child">
                            <dd class=""> <a href="javascript:;" _href="/Customer/Index"> <cite>客户管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/Customer/ShoppingCart"> <cite>购物车管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/Customer/Collection"> <cite>收藏管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/Customer/OrderDetl"> <cite>订单管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/Customer/Address"> <cite>地址管理</cite> </a> </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a class="javascript:;" href="javascript:;"> <i class="layui-icon" style="top: 3px;">&#xe62d;</i><cite>商品管理</cite> </a>
                        <dl class="layui-nav-child">
                            <dd class=""> <a href="javascript:;" _href="/Product/Index"> <cite>单品管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/Product/Hotsale"> <cite>热卖管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/Product/Message"> <cite>留言管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/Product/Banner"> <cite>轮播图管理</cite> </a> </dd>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a class="javascript:;" href="javascript:;"> <i class="layui-icon" style="top: 3px;">&#xe642;</i><cite>商品规格管理</cite> </a>
                        <dl class="layui-nav-child">
                            <dd class=""> <a href="javascript:;" _href="/GuiGe/Colour"> <cite>颜色管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/GuiGe/Memory"> <cite>内存管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/GuiGe/Storage"> <cite>储存管理</cite> </a> </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a class="javascript:;" href="javascript:;"> <i class="layui-icon" style="top: 3px;">&#xe613;</i><cite>系统管理</cite> </a>
                        <dl class="layui-nav-child">
                            <dd class=""> <a href="javascript:;" _href="/System/Users"> <cite>用户列表</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/System/Role"> <cite>角色管理</cite> </a> </dd>
                            <dd class=""> <a href="javascript:;" _href="/System/Moduel"> <cite>模块管理</cite> </a> </dd>

                        </dl>
                    </li>
                    <li class="layui-nav-item" style="height: 30px; text-align: center"> </li>*@
                </ul>
            </div>
        </div>
        <div class="layui-tab layui-tab-card site-demo-title x-main" lay-filter="x-tab" lay-allowclose="true" style="left: 0px;border-left: solid 2px #2299ee;">
            <ul class="layui-tab-title">
                <li class="layui-this welcome"> 我的桌面 <i class="layui-icon layui-unselect layui-tab-close">?</i> </li>
            </ul>
            <div class="layui-tab-content site-demo site-demo-body">
                <div class="layui-tab-item layui-show">
                    <iframe frameborder="0" id="ContentIframe" src="~/Home/Welcome" class="x-iframe"></iframe>
                </div>
            </div>
        </div>
        <div class="site-mobile-shade"> </div>
    </div>
    <script src="~/lib/layui/layui.js"></script>
    
    <script src="~/Scripts/x-admin.js"></script>
    <script>
        layui.use('element', function () {
            var element = layui.element;
            var $ = layui.jquery;
            $.post("/Home/GetModule", {}, function (res) {
                $("#ModuleList").html(res);
                $("#ModuleList li dd a").click(function (res) {
                    var url = $(this).attr("_href");
                    $("#ContentIframe").attr("src", url);
                });
                element.render("nav");
            }, "text");
        });
    </script>
  
</body>
</html>